<!DOCTYPE html>
<html lang="en">
<head>
    <base target="_top">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>WMS example - Leaflet</title>


    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css"
          integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.9.2/dist/leaflet.js"
            integrity="sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg=" crossorigin=""></script>

    <style>
        html, body {
            height: 100%;
            margin: 0;
        }

        .leaflet-container {
            height: 800px;
            width: 1000px;
            max-width: 100%;
            max-height: 100%;
            display: float;
            align: left;
        }
    </style>


</head>
<body>

<img src="yyyyyy" style="display:inline"/>
<div>zzzzzz</div>
<div id='map'></div>


<script type="text/javascript">

    const map = L.map('map', {
        center: [45, 116],
        zoom: 4
    });

    const wmsLayer = L.tileLayer.wms('https://tile.osgeo.cn/service', {
        layers: 'xxxxxx'
    }).addTo(map);

</script>


</body>
</html>

